Testo dell'esercizio

Si scriva il codice javascript necessario ad implementare la seguente funzionalità in una pagina HTML: clickando su una cella di tabella (elemento TD), se questa ha una classe definita (className non è la stringa vuota), si evidenzia insieme a tutte le altre celle della stessa classe colorando di rosso il loro bordo (la proprietà di stile borderColor assume il valore red) e si scrive il nome della classe in un elemento SPAN predefinito. Gli elementi vengono deselezionati clickando di nuovo su uno qualsiasi di essi: viene ripristinato il loro colore di bordo originario (può essere memorizzato per ogni elemento come proprietà custom) e si scrive la stringa vuota nell’elemento SPAN predefinito. Quando una cella di una classe è selezionata, clickando su un cella di un’altra classe non accade nulla.

Select cells by class